<!doctype html>
<html lang="en">

<head>
    <title>Index HTML</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <link rel="icon" href="images/favicon.png" type="image/x-icon">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js"></script>
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i%7CMerriweather:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">

    <!-- Bootstrap Stylesheet -->
    <link rel="stylesheet" href="css/bootstrap.min.css">

    <!-- Font Awesome Stylesheet -->
    <link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- Custom Stylesheets -->
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" id="cpswitch" href="css/orange.css">
    <link rel="stylesheet" href="css/responsive.css">

    <!-- Owl Carousel Stylesheet -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">

    <!-- Flex Slider Stylesheet -->
    <link rel="stylesheet" href="css/flexslider.css" type="text/css" />

    <!--Date-Picker Stylesheet-->
    <link rel="stylesheet" href="css/datepicker.css">

    <!-- Magnific Gallery -->
    <link rel="stylesheet" href="css/magnific-popup.css">
    <script src="js/index.js"></script>
    <style>
        .add {
            display: flex;
        }
        
        #home-links {
            margin: 0 0 0 300px;
            position: absolute;
            background-color: white;
        }
    </style>
</head>


<body id="main-homepage">

    <!--====== LOADER =====-->
    <div class="loader"></div>


    <!--======== SEARCH-OVERLAY =========-->
    <div class="overlay">
        <a href="javascript:void(0)" id="close-button" class="closebtn">&times;</a>
        <div class="overlay-content">
            <div class="form-center">
                <form>
                    <div class="form-group">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search..." required />
                            <span class="input-group-btn"><button type="submit" class="btn"><span><i class="fa fa-search"></i></span></button>
                            </span>
                        </div>
                        <!-- end input-group -->
                    </div>
                    <!-- end form-group -->
                </form>
            </div>
            <!-- end form-center -->
        </div>
        <!-- end overlay-content -->
    </div>
    <!-- end overlay -->


    <!--============= TOP-BAR ===========-->
    <div id="top-bar" class="tb-text-white">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div id="info">
                        <ul class="list-unstyled list-inline">
                            <li><span><i class="fa fa-map-marker"></i></span>Passerellesnumériques Viet Nam</li>
                            <li><span><i class="fa fa-phone"></i></span>+03 964 988 91</li>
                        </ul>
                    </div>
                    <!-- end info -->
                </div>
                <!-- end columns -->

                <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                    <div id="links">
                        <ul class="list-unstyled list-inline">
                            <li><a href="login.html" id="thanh1"><span><i class="fa fa-lock"></i></span>Login</a></li>
                            <li><a href="registration.html" id="thanh2"><span><i class="fa fa-plus"></i></span>Sign up</a></li>
                            <li><a id="thanh3" onclick="logout()"><span><i class="fa fa-sign-out"></i></span>Logout</a></li>
                            <li><a href="cart.html" id="thanh4"><span><i class="fa fa-shopping-cart"></i></span>Cart</a>
                            </li>
                            <li>
                                <form>
                                    <ul class="list-inline">
                                        <li>
                                            <div class="form-group currency">
                                                <span><i class="fa fa-angle-down"></i></span>
                                                <select class="form-control">
                                                        <option value="">$</option>
                                                        <option value="">đ</option>
                                                        <option value="">£</option>
                                                    </select>
                                            </div>
                                            <!-- end form-group -->
                                        </li>

                                        <li>
                                            <div class="form-group language">
                                                <span><i class="fa fa-angle-down"></i></span>
                                                <select class="form-control">
                                                        <option value="">EN</option>
                                                        <option value="">VI</option>
                                                        <option value="">FR</option>
                                                    </select>
                                            </div>
                                            <!-- end form-group -->
                                        </li>
                                        <li>
                                            <a id="ten"><span><i class="fa fa-circle blackiconcolor"></i></span><script>
                                                ham()
                                            </script></a>
                                        </li>
                                    </ul>

                                </form>
                            </li>

                        </ul>
                    </div>
                </div>
                <!-- end links -->
            </div>
            <!-- end columns -->
        </div>

        <!-- end row -->
    </div>
    <!-- end container -->

    <!-- end top-bar -->

    <nav class="navbar navbar-default main-navbar navbar-custom navbar-white" id="mynavbar-1">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" id="menu-button">
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>                        
                    </button>
                <div class="header-search hidden-lg">
                    <a href="javascript:void(0)" class="search-button"><span><i class="fa fa-search"></i></span></a>
                </div>
                <a href="index.html" class="navbar-brand"><span><i class="fa fa-plane"></i>START</span>TRAVELS</a>
            </div>
            <!-- end navbar-header -->

            <div class="collapse navbar-collapse" id="myNavbar1">

                <ul class="nav navbar-nav navbar-right navbar-search-link">
                    <li class="dropdown active"><a href="#" class="dropdown-toggle" data-toggle="dropdown">HOME<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li class="active"><a href="index.html">Main Homepage</a></li>
                            <li><a href="cruise-homepage.html">Tour Homepage</a></li>
                            <li><a href="cruise-homepage.html">Cruise Homepage</a></li>
                            <li><a href="cruise-homepage.html">Harzadous Sports Tour Homepage</a></li>
                            <li><a href="blog-listing-right-sidebar.html">Blog Homepage</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Account<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a onclick="logout()">Login Homepage</a></li>
                            <li><a href="registration.html">Registration Homepage</a></li>
                            <li><a href="forgot-password.html">Forgot Password Homepage</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Blogs<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="blog-listing-right-sidebar.html">Blog Homepage</a></li>
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a href="coming-soon.html">Coming Soon</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Tours<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="cruise-homepage.html">Tour Homepage</a></li>
                            <li><a href="before-you-fly.html">Before You Fly</a></li>
                            <li><a href="travel-insurance.html">Travel insurance</a></li>
                            <li><a href="holidays.html">Holidays</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cruise<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="cruise-homepage.html">Cruise Homepage</a></li>
                            <li><a href="before-you-fly.html">Before You Fly</a></li>
                            <li><a href="travel-insurance.html">Travel insurance</a></li>
                            <li><a href="holidays.html">Holidays</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages<span><i class="fa fa-angle-down"></i></span></a>
                        <ul class="dropdown-menu mega-dropdown-menu row">
                            <li>
                                <div class="row">
                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Standard <span>Pages</span></li>
                                            <li><a href="about-us.html">About Us</a></li>
                                            <li><a href="contact-us.html">Contact Us</a></li>
                                            <li><a href="blog-listing-right-sidebar.html">Blog Listing Right Sidebar</a></li>
                                            <li><a href="blog-detail-right-sidebar.html">Blog Detail Right Sidebar</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">User <span>Dashboard</span></li>
                                            <li><a href="error-page.html">Dashboard</a></li>
                                            <li><a href="error-page.html">User Profile</a></li>
                                            <li><a href="error-page.html">Booking</a></li>
                                            <li><a href="error-page.html">Wishlist</a></li>
                                            <li><a href="error-page.html">Cards</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Special <span>Pages</span></li>
                                            <li><a onclick="logout()">Login</a></li>
                                            <li><a href="registration.html">Registration</a></li>
                                            <li><a href="forgot-password.html">Forgot Password</a></li>
                                            <li><a href="error-page.html">404 Page</a></li>
                                            <li><a href="coming-soon.html">Coming Soon</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                        <ul class="list-unstyled">
                                            <li class="dropdown-header">Extra <span>Pages</span></li>
                                            <li><a href="before-you-fly.html">Before Fly</a></li>
                                            <li><a href="travel-insurance.html">Travel Insurance</a></li>
                                            <li><a href="holidays.html">Holidays</a></li>
                                            <li><a href="thank-you.html">Thank You</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li><a href="javascript:void(0)" class="search-button"><span><i class="fa fa-search"></i></span></a></li>
                </ul>
            </div>

            <!-- end navbar collapse -->
        </div>
        <!-- end container -->

    </nav>
    <!-- end navbar -->

    <div class="sidenav-content">
        <div id="mySidenav" class="sidenav">
            <h2 id="web-name"><span><i class="fa fa-plane"></i></span>Star Travel</h2>

            <div id="main-menu">
                <div class="closebtn">
                    <button class="btn btn-default" id="closebtn">&times;</button>
                </div>
                <!-- end close-btn -->

                <div class="list-group panel">

                    <a href="#flight-links" class="list-group-item active" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-home link-icon"></i></span>Home<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="home-links">
                        <a href="index.html" class="list-group-item active">Main Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Tour Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Cruise Homepage</a>
                        <a href="cruise-homepage.html" class="list-group-item">Harzadous Sports Tour Homepage</a>
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Homepage</a>
                    </div>
                    <!-- end sub-menu -->
                    <a href="#hotels-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-building link-icon"></i></span>Account<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="hotels-links">
                        <a onclick="logout()" class="list-group-item">Login Homepage</a>
                        <a href="registration.html" class="list-group-item">Registration Homepage</a>
                        <a href="forgot-password.html" class="list-group-item">Forgot Password Homepage</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#tours-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-globe link-icon"></i></span>Blogs<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="tours-links">
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Homepage</a>
                        <a href="about-us.html" class="list-group-item">About Us</a>
                        <a href="contact-us.html" class="list-group-item">Contact Us</a>
                        <a href="coming-soon.html" class="list-group-item">Comingsoon</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#cruise-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-ship link-icon"></i></span>Tours<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="cruise-links">
                        <a href="cruise-homepage.html" class="list-group-item">Tour Homepage</a>
                        <a href="before-you-fly.html" class="list-group-item">Before You Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#cars-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-car link-icon"></i></span>Cruise<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="cars-links">
                        <a href="cruise-homepage.html" class="list-group-item">Cruise Homepage</a>
                        <a href="before-you-fly.html" class="list-group-item">Before You Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                    </div>
                    <!-- end sub-menu -->

                    <a href="#pages-links" class="list-group-item" data-toggle="collapse" data-parent="#main-menu"><span><i class="fa fa-clone link-icon"></i></span>Pages<span><i class="fa fa-chevron-down arrow"></i></span></a>
                    <div class="collapse sub-menu" id="pages-links">
                        <div class="list-group-heading list-group-item">Standard <span>Pages</span></div>
                        <a href="about-us.html" class="list-group-item">About Us</a>
                        <a href="contact-us.html" class="list-group-item">Contact Us</a>
                        <a href="blog-listing-right-sidebar.html" class="list-group-item">Blog Listing Right Sidebar</a>
                        <a href="blog-detail-right-sidebar.html" class="list-group-item">Blog Detail Right Sidebar</a>
                        <div class="list-group-heading list-group-item">User <span>Dashboard</span></div>
                        <a href="error-page.html" class="list-group-item">Dashboard</a>
                        <a href="error-page.html" class="list-group-item">User Profile</a>
                        <a href="error-page.html" class="list-group-item">Booking</a>
                        <a href="error-page.html" class="list-group-item">Wishlist</a>
                        <a href="error-page.html" class="list-group-item">Cards</a>

                        <div class="list-group-heading list-group-item">Special <span>Pages</span></div>
                        <a onclick="logout()" class="list-group-item">Login</a>
                        <a href="registration.html" class="list-group-item">Registration</a>
                        <a href="forgot-password.html" class="list-group-item">Forgot Password</a>
                        <a href="error-page.html" class="list-group-item">404 Page</a>
                        <a href="coming-soon.html" class="list-group-item">Coming Soon</a>
                        <div class="list-group-heading list-group-item">Extra <span>Pages</span></div>
                        <a href="before-you-fly.html" class="list-group-item">Before Fly</a>
                        <a href="travel-insurance.html" class="list-group-item">Travel Insurance</a>
                        <a href="holidays.html" class="list-group-item">Holidays</a>
                        <a href="thank-you.html" class="list-group-item">Thank You</a>
                    </div>
                    <!-- end sub-menu -->
                </div>
                <!-- end list-group -->
            </div>
            <!-- end main-menu -->
        </div>

        <!-- end mySidenav -->
    </div>
    <!-- end sidenav-content -->


    <!--========================= FLEX SLIDER =====================-->
    <section class="flexslider-container" id="flexslider-container-1">

        <div class="flexslider slider" id="slider-1">

            <ul class="slides">

                <li class="item-1" style="background:			linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(images/co-nen-di-du-lich-da-nang-vao-thang-11-h1.jpg) 50% 0%;
	background-size:cover;
	height:100%;">
                    <div class=" meta">
                        <div class="container">
                            <h2>Discover</h2>
                            <h1>Da Nang City</h1>
                            <a href="#" class="btn btn-default">View More</a>
                        </div>
                        <!-- end container -->
                    </div>
                    <!-- end meta -->
                </li>
                <!-- end item-1 -->

                <li class="item-2" style="background:			linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(images/ĐN.jpg) 50% 0%;
	background-size:cover;
	height:100%;">
                    <div class=" meta">
                        <div class="container">
                            <h2>Discover</h2>
                            <h1>Da Nang City</h1>
                            <a href="#" class="btn btn-default">View More</a>
                        </div>
                        <!-- end container -->
                    </div>
                    <!-- end meta -->
                </li>
                <!-- end item-2 -->
                <li class="item-2" style="background:			linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(images/du-lich-da-nang.jpg) 50% 0%;
                background-size:cover;
                height:100%;">
                    <div class=" meta">
                        <div class="container">
                            <h2>Discover</h2>
                            <h1>Da Nang City</h1>
                            <a href="#" class="btn btn-default">View More</a>
                        </div>
                        <!-- end container -->
                    </div>
                    <!-- end meta -->
                </li>

            </ul>
        </div>
        <!-- end slider -->

        <div class="search-tabs" id="search-tabs-1">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">

                        <ul class="nav nav-tabs center-tabs">
                            <li class="active"><a href="#flights" data-toggle="tab"><span><i class="fa fa-plane"></i></span><span class="st-text">Flights</span></a></li>
                            <li><a href="#hotels" data-toggle="tab"><span><i class="fa fa-building"></i></span><span class="st-text">Hotels</span></a></li>
                            <li><a href="#tours" data-toggle="tab"><span><i class="fa fa-suitcase"></i></span><span class="st-text">Tours</span></a></li>
                            <li><a href="#cruise" data-toggle="tab"><span><i class="fa fa-ship"></i></span><span class="st-text">Cruise</span></a></li>
                            <li><a href="#cars" data-toggle="tab"><span><i class="fa fa-car"></i></span><span class="st-text">Cars</span></a></li>
                        </ul>

                        <div class="tab-content">

                            <div id="flights" class="tab-pane in active">
                                <form>
                                    <div class="row">

                                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                                            <div class="row">

                                                <div class="col-xs-12 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="From">
                                                        <i class="fa fa-map-marker"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-12 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="To">
                                                        <i class="fa fa-map-marker"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                                            <div class="row">

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd1" placeholder="Check In">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd2" placeholder="Check Out">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                                            <div class="form-group right-icon">
                                                <select class="form-control">
                                                        <option selected>Adults</option>
                                                        <option>1</option>
                                                        <option>2</option>
                                                        <option>3</option>
                                                    </select>
                                                <i class="fa fa-angle-down"></i>
                                            </div>
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 search-btn">
                                            <button class="btn btn-orange">Search</button>
                                        </div>
                                        <!-- end columns -->

                                    </div>
                                    <!-- end row -->
                                </form>
                            </div>
                            <!-- end flights -->

                            <div id="hotels" class="tab-pane">
                                <form>
                                    <div class="row">

                                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
                                            <div class="row">

                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd1" placeholder="Check In">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd2" placeholder="Check Out">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
                                            <div class="row">

                                                <div class="col-xs-12 col-sm-12 col-md-4">
                                                    <div class="form-group right-icon">
                                                        <select class="form-control">
                                                                <option selected>Rooms</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                                <option>3</option>
                                                            </select>
                                                        <i class="fa fa-angle-down"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-6 col-sm-6 col-md-4">
                                                    <div class="form-group right-icon">
                                                        <select class="form-control">
                                                                <option selected>Adults</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                                <option>3</option>
                                                            </select>
                                                        <i class="fa fa-angle-down"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-6 col-sm-6 col-md-4">
                                                    <div class="form-group right-icon">
                                                        <select class="form-control">
                                                                <option selected>Kids</option>
                                                                <option>0</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                            </select>
                                                        <i class="fa fa-angle-down"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 search-btn">
                                            <button class="btn btn-orange">Search</button>
                                        </div>
                                        <!-- end columns -->

                                    </div>
                                    <!-- end row -->
                                </form>
                            </div>
                            <!-- end hotels -->

                            <div id="tours" class="tab-pane">
                                <form>
                                    <div class="row">

                                        <div class="col-xs-12 col-sm-12 col-md-3 col-lg-4">
                                            <div class="form-group left-icon">
                                                <input type="text" class="form-control" placeholder="City,Country" />
                                                <i class="fa fa-map-marker"></i>
                                            </div>
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-3 col-lg-3">
                                            <div class="form-group right-icon">
                                                <select class="form-control">
                                                        <option selected>Month</option>
                                                        <option>January</option>
                                                        <option>February</option>
                                                        <option>March</option>
                                                        <option>April</option>
                                                        <option>May</option>
                                                        <option>June</option>
                                                        <option>July</option>
                                                        <option>August</option>
                                                        <option>September</option>
                                                        <option>October</option>
                                                        <option>November</option>
                                                        <option>December</option>
                                                    </select>
                                                <i class="fa fa-angle-down"></i>
                                            </div>
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-3">
                                            <div class="row">

                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group right-icon">
                                                        <select class="form-control">
                                                                <option selected>Adults</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                                <option>3</option>
                                                            </select>
                                                        <i class="fa fa-angle-down"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-12 col-sm-6">
                                                    <div class="form-group right-icon">
                                                        <select class="form-control">
                                                                <option selected>Kids</option>
                                                                <option>0</option>
                                                                <option>1</option>
                                                                <option>2</option>
                                                            </select>
                                                        <i class="fa fa-angle-down"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 search-btn">
                                            <button class="btn btn-orange">Search</button>
                                        </div>
                                        <!-- end columns -->

                                    </div>
                                    <!-- end row -->
                                </form>
                            </div>
                            <!-- end tours -->

                            <div id="cruise" class="tab-pane">
                                <form>
                                    <div class="row">

                                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                                            <div class="row">

                                                <div class="col-xs-12 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="From">
                                                        <i class="fa fa-map-marker"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-12 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="To">
                                                        <i class="fa fa-map-marker"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                                            <div class="row">

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd1" placeholder="Check In">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd2" placeholder="Check Out">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
                                            <div class="form-group right-icon">
                                                <select class="form-control">
                                                    <option selected>Adults</option>
                                                    <option>1</option>
                                                    <option>2</option>
                                                    <option>3</option>
                                                    </select>
                                                <i class="fa fa-angle-down"></i>
                                            </div>
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 search-btn">
                                            <button class="btn btn-orange">Search</button>
                                        </div>
                                        <!-- end columns -->

                                    </div>
                                    <!-- end columns -->
                                </form>
                            </div>
                            <!-- end cruises -->

                            <div id="cars" class="tab-pane">
                                <form>
                                    <div class="row">

                                        <div class="col-xs-12 col-sm-12 col-md-7 col-lg-6">
                                            <div class="row">

                                                <div class="col-sm-6 col-md-4">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="Country" />
                                                        <i class="fa fa-globe"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-sm-6 col-md-4">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="City" />
                                                        <i class="fa fa-map-marker"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-sm-12 col-md-4">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control" placeholder="Location" />
                                                        <i class="fa fa-street-view"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
                                            <div class="row">

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd1" placeholder="Check In">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                                <div class="col-xs-6 col-sm-6 col-md-6">
                                                    <div class="form-group left-icon">
                                                        <input type="text" class="form-control dpd2" placeholder="Check Out">
                                                        <i class="fa fa-calendar"></i>
                                                    </div>
                                                </div>
                                                <!-- end columns -->

                                            </div>
                                            <!-- end row -->
                                        </div>
                                        <!-- end columns -->

                                        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-2 search-btn">
                                            <button class="btn btn-orange">Search</button>
                                        </div>
                                        <!-- end columns -->

                                    </div>
                                    <!-- end row -->
                                </form>
                            </div>
                            <!-- end cars -->

                        </div>
                        <!-- end tab-content -->

                    </div>
                    <!-- end columns -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end search-tabs -->

    </section>
    <!-- end flexslider-container -->


    <!--=============== HOTEL OFFERS ===============-->
    <section id="hotel-offers" class="section-padding">
        <div class="container">
            <div class="modal fade" id="myModalHot" role="dialog">
                <div class="modal-dialog modal-dialog-centered">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Tour detail</h4>
                        </div>
                        <div class="modal-body" id="printf_tour_hot">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary" onclick="cart()">Book tour</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Tour Hot</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="owl-carousel owl-theme owl-custom-arrow" id="owl-hotel-offers">
                        <div id="test"></div>
                        <div id="test"></div>
                        <div id="test"></div>
                        <div id="test"></div>
                    </div>
                    <!-- end owl-hotel-offers -->

                    <div class="view-all text-center">
                        <a href="cruise-homepage.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
            <script>
                listLocal_2()
            </script>
        </div>
        <!-- end container -->
    </section>
    <!-- end hotel-offers -->


    <!--======================= BEST FEATURES =====================-->
    <section id="best-features" class="banner-padding black-features">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-dollar"></i></span>
                        <h3>Best Price Guarantee</h3>
                        <p>Our website brings you the best experiences and services with the most standard price. Our services are approved a resolution by Vietnam Travel Branch.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-lock"></i></span>
                        <h3>Safe and Secure</h3>
                        <p>All your personal informations, supported informations will be kept and secured in the best way. Only you and administrators can know. Your informations never have leaked out and lost.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-thumbs-up"></i></span>
                        <h3>Best Travel Agents</h3>
                        <p>We have related to the best Travel agency in Vietnam. Supported and admitted by many branches, we have been improving and broading our activities.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->

                <div class="col-sm-6 col-md-3">
                    <div class="b-feature-block">
                        <span><i class="fa fa-bars"></i></span>
                        <h3>Travel Guidelines</h3>
                        <p>All your questions will be replied by administrators and they will help you. We're always side by side and help you about any problems.</p>
                    </div>
                    <!-- end b-feature-block -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end best-features -->


    <!--=============== TOUR OFFERS ===============-->
    <section id="tour-offers" class="section-padding">
        <div class="container">
            <div class="modal fade" id="myModalOffer" role="dialog">
                <div class="modal-dialog modal-dialog-centered">
                    <!-- Modal content-->
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                            <h4 class="modal-title">Tour details</h4>
                        </div>
                        <div class="modal-body" id="printf_tour_offer">
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <button type="button" class="btn btn-primary">Book tour</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Tour Offers</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="owl-carousel owl-theme owl-custom-arrow" id="owl-tour-offers">
                        <div id="testa"></div>
                        <div id="testa"></div>
                        <div id="testa"></div>
                        <div id="testa"></div>
                    </div>
                    <!-- end owl-tour-offers -->

                    <div class="view-all text-center">
                        <a href="cruise-homepage.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
            <script>
                listLocal_3()
            </script>
        </div>
        <!-- end container -->
    </section>
    <!-- end tour-offers -->


    <!--=============== CRUISE OFFERS ===============-->
    <section id="cruise-offers" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Cruise Offers</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="row">
                        <div class="col-sm-6 col-md-6">
                            <div class="main-block cruise-block">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 col-md-push-6 no-pd-l">
                                        <div class="main-img cruise-img">
                                            <a href="#">
                                                <img src="images/anh-1-160161747022091907963.jpg" class="img-responsive" alt="cruise-img" />
                                                <div class="cruise-mask">
                                                    <p>7 Nights, 6 Days</p>
                                                </div>
                                                <!-- end cruise-mask -->
                                            </a>
                                        </div>
                                        <!-- end cruise-img -->
                                    </div>
                                    <!-- end columns -->

                                    <div class="col-sm-12 col-md-6 col-md-pull-6 no-pd-r">
                                        <div class=" main-info cruise-info">
                                            <div class="main-title cruise-title">
                                                <a href="#">Qui Nhon Boat Tour</a>
                                                <p>From: Binh Dinh, Viet Nam</p>
                                                <div class="rating">
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star grey"></i></span>
                                                </div>
                                                <!-- end rating -->

                                                <span class="cruise-price">$950.00</span>
                                            </div>
                                            <!-- end cruise-title -->
                                        </div>
                                        <!-- end cruise-info -->
                                    </div>
                                    <!-- end columns -->

                                </div>
                                <!-- end row -->
                            </div>
                            <!-- end cruise-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-6">
                            <div class="main-block cruise-block">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 col-md-push-6 no-pd-l">
                                        <div class="main-img cruise-img">
                                            <a href="#">
                                                <img src="images/vịnh lan hạ.jpg" class="img-responsive" alt="cruise-img" />
                                                <div class="cruise-mask">
                                                    <p>7 Nights, 6 Days</p>
                                                </div>
                                                <!-- end cruise-mask -->
                                            </a>
                                        </div>
                                        <!-- end cruise-img -->
                                    </div>
                                    <!-- end columns -->

                                    <div class="col-sm-12 col-md-6 col-md-pull-6 no-pd-r">
                                        <div class=" main-info cruise-info">
                                            <div class="main-title cruise-title">
                                                <a href="#">Ha Long Bay Tour</a>
                                                <p>From:Quang Ninh, Viet Nam</p>
                                                <div class="rating">
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star grey"></i></span>
                                                </div>
                                                <!-- end rating -->

                                                <span class="cruise-price">$950.00</span>
                                            </div>
                                            <!-- end cruise-title -->
                                        </div>
                                        <!-- end cruise-info -->
                                    </div>
                                    <!-- end columns -->

                                </div>
                                <!-- end row -->
                            </div>
                            <!-- end cruise-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-6">
                            <div class="main-block cruise-block">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 col-md-push-6 no-pd-l">
                                        <div class="main-img cruise-img">
                                            <a href="#">
                                                <img src="images/tour-nam-du-4-ngay-3-dem-2-800x500.jpg" class="img-responsive" alt="cruise-img" />
                                                <div class="cruise-mask">
                                                    <p>7 Nights, 6 Days</p>
                                                </div>
                                                <!-- end cruise-mask -->
                                            </a>
                                        </div>
                                        <!-- end cruise-img -->
                                    </div>
                                    <!-- end columns -->

                                    <div class="col-sm-12 col-md-6 col-md-pull-6 no-pd-r">
                                        <div class=" main-info cruise-info">
                                            <div class="main-title cruise-title">
                                                <a href="#">Nam Trung Tour</a>
                                                <p>From: Cat Ba, Viet Nam</p>
                                                <div class="rating">
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star grey"></i></span>
                                                </div>
                                                <!-- end rating -->

                                                <span class="cruise-price">$950.00</span>
                                            </div>
                                            <!-- end cruise-title -->
                                        </div>
                                        <!-- end cruise-info -->
                                    </div>
                                    <!-- end columns -->

                                </div>
                                <!-- end row -->
                            </div>
                            <!-- end cruise-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-6">
                            <div class="main-block cruise-block">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6 col-md-push-6 no-pd-l">
                                        <div class="main-img cruise-img">
                                            <a href="#">
                                                <img src="images/du-thuyền.jpg" class="img-responsive" alt="cruise-img" />
                                                <div class="cruise-mask">
                                                    <p>7 Nights, 6 Days</p>
                                                </div>
                                                <!-- end cruise-mask -->
                                            </a>
                                        </div>
                                        <!-- end cruise-img -->
                                    </div>
                                    <!-- end columns -->

                                    <div class="col-sm-12 col-md-6 col-md-pull-6 no-pd-r">
                                        <div class=" main-info cruise-info">
                                            <div class="main-title cruise-title">
                                                <a href="#">Da Nang Boat Tour</a>
                                                <p>From: Da Nang, Viet Nam</p>
                                                <div class="rating">
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star orange"></i></span>
                                                    <span><i class="fa fa-star grey"></i></span>
                                                </div>
                                                <!-- end rating -->

                                                <span class="cruise-price">$950.00</span>
                                            </div>
                                            <!-- end cruise-title -->
                                        </div>
                                        <!-- end cruise-info -->
                                    </div>
                                    <!-- end columns -->

                                </div>
                                <!-- end row -->
                            </div>
                            <!-- end cruise-block -->
                        </div>
                        <!-- end columns -->
                    </div>
                    <!-- end row -->

                    <div class="view-all text-center">
                        <a href="cruise-homepage.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end cruise-offers -->


    <!--==================== VIDEO BANNER ===================-->
    <section id="video-banner" class="banner-padding back-size">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <h2>Take a Video Tour</h2>
                    <p>Starttravels brings about the most memorable moments in life, the unprecedented impressions. We brings the beauty of Viet Nam being world-famous. Let's experience througt our video and feel it.</p>

                    <a href="https://www.youtube.com/watch?v=Au6LqK1UH8g" class="popup-youtube" id="play-button"><span><i class="fa fa-play"></i></span></a>
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end video-banner -->


    <!--================= FLIGHT OFFERS =============-->
    <section id="flight-offers" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Harzadous sports tour</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="row">

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/trai-nghiem-lan-bien-1024x664.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Phu Quoc, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/7117_tran_tro_de_du_lich_mao_hiem_phat_trien.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Nha Trang, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/nhay-bungee-o-viet-nam.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Nha Trang, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/trai-nghiem-Zipline.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Qui Nhon, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/kham-pha-Du_luon.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Nha Trang, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block flight-block">
                                <a href="#">
                                    <div class="flight-img">
                                        <img src="images/trai-nghiem-flyboard.jpg" class="img-responsive" alt="flight-img" />
                                    </div>
                                    <!-- end flight-img -->

                                    <div class="flight-info">
                                        <div class="flight-title">
                                            <h3><span class="flight-destination">Ha Noi, Viet Nam</span>|<span class="flight-type">OneWay Flight</span></h3>
                                        </div>
                                        <!-- end flight-title -->

                                        <div class=" flight-timing">
                                            <ul class="list-unstyled">
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 02-2017 </span>(8:40 PM)</li>
                                                <li><span><i class="fa fa-plane"></i></span><span class="date">Aug, 03-2017 </span>(8:40 PM)</li>
                                            </ul>
                                        </div>
                                        <!-- end flight-timing -->

                                        <ul class="list-unstyled list-inline offer-price-1">
                                            <li class="price">$568.00<span class="pkg">Avg/Person</span></li>
                                            <li class="rating">
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star orange"></i></span>
                                                <span><i class="fa fa-star lightgrey"></i></span>
                                            </li>
                                        </ul>
                                    </div>
                                    <!-- end flight-info -->
                                </a>
                            </div>
                            <!-- end flight-block -->
                        </div>
                        <!-- end columns -->

                    </div>
                    <!-- end row -->

                    <div class="view-all text-center">
                        <a href="cruise-homepage.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end flight-offers -->


    <!--==================== HIGHLIGHTS ====================-->
    <section id="highlights" class="section-padding back-size">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                    <div class="row">
                        <div id="boxes">

                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="highlight-box">
                                    <div class="h-icon">
                                        <span><i class="fa fa-plane"></i></span>
                                    </div>
                                    <!-- end h-icon -->

                                    <div class="h-text">
                                        <span class="numbers">2496</span>
                                        <p>Outstanding Tours</p>
                                    </div>
                                    <!-- end h-text -->
                                </div>
                                <!-- end highlight-box -->
                            </div>
                            <!-- end columns -->

                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="highlight-box">
                                    <div class="h-icon">
                                        <span><i class="fa fa-ship"></i></span>
                                    </div>
                                    <!-- end h-icon -->

                                    <div class="h-text cruise">
                                        <span class="numbers">1906</span>
                                        <p>Worldwide Cruise</p>
                                    </div>
                                    <!-- end h-text -->
                                </div>
                                <!-- end highlight-box -->
                            </div>
                            <!-- end columns -->

                            <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
                                <div class="highlight-box">
                                    <div class="h-icon">
                                        <span><i class="fa fa-taxi"></i></span>
                                    </div>
                                    <!-- end h-icon -->

                                    <div class="h-text taxi">
                                        <span class="numbers">2033</span>
                                        <p>Luxury Car Booking</p>
                                    </div>
                                    <!-- end h-text -->
                                </div>
                                <!-- end highlight-box -->
                            </div>
                            <!-- end columns -->

                        </div>
                        <!-- end boxes -->
                    </div>
                    <!-- end row -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end highlights -->


    <!--================ VEHICLE OFFERS ==============-->
    <section id="vehicle-offers" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Capital tour</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="row">

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block vehicle-block">
                                <div class="main-img vehicle-img">
                                    <a href="#">
                                        <img src="images/kinh-nghiem-du-lich-ha-noi-tu-a-den-z-10.jpg" class="img-responsive" alt="tour-img" />
                                    </a>
                                    <div class="vehicle-time">
                                        <p><span><i class="fa fa-clock-o"></i></span>22/h</p>
                                    </div>
                                    <!-- end vehicle-time -->
                                </div>
                                <!-- end vehicle-img -->

                                <div class="offer-price-2">
                                    <ul class="list-unstyled">
                                        <li class="price">$89<a href="#"><span class="arrow"><i class="fa fa-angle-right"></i></span></a></li>
                                    </ul>
                                </div>
                                <!-- end offer-price-2 -->

                                <div class="main-info vehicle-info">
                                    <div class="main-title vehicle-title">
                                        <a href="#">Quoc Tu Giam</a>
                                        <p>Ha Noi</p>
                                        <div class="rating">
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star lightgrey"></i></span>
                                        </div>
                                    </div>
                                    <!-- end vehicle-title -->
                                </div>
                                <!-- end vehicle-info -->
                            </div>
                            <!-- end vehicle-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block vehicle-block">
                                <div class="main-img vehicle-img">
                                    <a href="#">
                                        <img src="images/chua-mot-cot.jpg" class="img-responsive" alt="tour-img" />
                                    </a>
                                    <div class="vehicle-time">
                                        <p><span><i class="fa fa-clock-o"></i></span>22/h</p>
                                    </div>
                                    <!-- end vehicle-time -->
                                </div>
                                <!-- end vehicle-img -->

                                <div class="offer-price-2">
                                    <ul class="list-unstyled">
                                        <li class="price">$99<a href="#"><span class="arrow"><i class="fa fa-angle-right"></i></span></a></li>
                                    </ul>
                                </div>
                                <!-- end offer-price-2 -->

                                <div class="main-info vehicle-info">
                                    <div class="main-title vehicle-title">
                                        <a href="#">Mot Cot Pagoda</a>
                                        <p>Ha Noi</p>
                                        <div class="rating">
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star lightgrey"></i></span>
                                        </div>
                                    </div>
                                    <!-- end vehicle-title -->
                                </div>
                                <!-- end vehicle-info -->
                            </div>
                            <!-- end vehicle-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block vehicle-block">
                                <div class="main-img vehicle-img">
                                    <a href="#">
                                        <img src="images/cam-nang-du-lich-ha-noi-mytour-1.jpg" class="img-responsive" alt="tour-img" />
                                    </a>
                                    <div class="vehicle-time">
                                        <p><span><i class="fa fa-clock-o"></i></span>22/h</p>
                                    </div>
                                    <!-- end vehicle-time -->
                                </div>
                                <!-- end vehicle-img -->

                                <div class="offer-price-2">
                                    <ul class="list-unstyled">
                                        <li class="price">$79<a href="#"><span class="arrow"><i class="fa fa-angle-right"></i></span></a></li>
                                    </ul>
                                </div>
                                <!-- end offer-price-2 -->

                                <div class="main-info vehicle-info">
                                    <div class="main-title vehicle-title">
                                        <a href="#">Hoan Kiem Lake</a>
                                        <p>Ha Noi</p>
                                        <div class="rating">
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star orange"></i></span>
                                            <span><i class="fa fa-star lightgrey"></i></span>
                                        </div>
                                    </div>
                                    <!-- end vehicle-title -->
                                </div>
                                <!-- end vehicle-info -->
                            </div>
                            <!-- end vehicle-block -->
                        </div>
                        <!-- end columns -->

                    </div>
                    <!-- end row -->

                    <div class="view-all text-center">
                        <a href="cruise-homepage.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end vehicle-offers -->


    <!--==================== TESTIMONIALS ====================-->
    <section id="testimonials" class="section-padding back-size">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading white-heading">
                        <h2>Testimonials</h2>
                        <hr class="heading-line" />
                    </div>
                    <!-- end page-heading -->

                    <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                        <div class="carousel-inner text-center">

                            <div class="item active">
                                <blockquote>introducing, I am a administrator of this website. I am really happy because of your feedback. I am so glad to bring a place like that to you. I will try to do more and more for your joys. Why don't you come here and experience
                                    if you want to know how this place can pay attention to a lot of people. Welcome to StrartTravel.</blockquote>
                                <div class="rating">
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star lightgrey"></i></span>
                                </div>
                                <!-- end rating -->
                                <small>Khang Ha</small>
                            </div>
                            <!-- end item -->

                            <div class="item">
                                <blockquote>I feel this is a prestige and interesting place. You will get the joys in life when coming there. I visited there many times and I am satisfied with the views, people and services at here. Unintentionally, I knew there
                                    through friends' suggestions. I feel there is a fantastic place, you can have confidence in there. Hope you're funny.</blockquote>
                                <div class="rating">
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star lightgrey"></i></span>
                                </div>
                                <!-- end rating -->

                                <small>Hang Ho</small>
                            </div>
                            <!-- end item -->

                            <div class="item">
                                <blockquote>I knew this place unintentionally through my friends. They suggested me to visit it and I have already gone to there. For me, It is a fantastic and nice place. You can have a confidence in there. Let's go to visit and enjoy
                                    it, you will be funny. I am quite satisfied with the harmonious and eye-catching design, everything is easy to distinguish and feels comfortable.</blockquote>
                                <div class="rating">
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star orange"></i></span>
                                    <span><i class="fa fa-star lightgrey"></i></span>
                                </div>
                                <!-- end rating -->

                                <small>Huan Nguyen</small>
                            </div>
                            <!-- end item -->

                        </div>
                        <!-- end carousel-inner -->

                        <ol class="carousel-indicators">
                            <li data-target="#quote-carousel" data-slide-to="0" class="active"><img src="images/IMG_6909.jpg" class="img-responsive" alt="client-img">
                            </li>
                            <li data-target="#quote-carousel" data-slide-to="1"><img src="images/IMG_6916.jpg" class="img-responsive" alt="client-img">
                            </li>
                            <li data-target="#quote-carousel" data-slide-to="2"><img src="images/IMG_6949.jpg" class="img-responsive" alt="client-img">
                            </li>
                        </ol>

                    </div>
                    <!-- end quote-carousel -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end testimonials -->


    <!--================ LATEST BLOG ==============-->
    <section id="latest-blog" class="section-padding">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="page-heading">
                        <h2>Our Latest Blogs</h2>
                        <hr class="heading-line" />
                    </div>

                    <div class="row">

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block latest-block">
                                <div class="main-img latest-img">
                                    <a href="blog-detail-right-sidebar.html">
                                        <img src="images/vietnamIGHC.jpg" class="img-responsive" alt="blog-img" />
                                    </a>
                                </div>
                                <!-- end latest-img -->

                                <div class="latest-info">
                                    <ul class="list-unstyled">
                                        <li><span><i class="fa fa-calendar-minus-o"></i></span>29 April,2020<span class="author">by: <a href="blog-detail-right-sidebar.html">Khang Ha</a></span></li>
                                    </ul>
                                </div>
                                <!-- end latest-info -->

                                <div class="main-info latest-desc">
                                    <div class="row">
                                        <div class="col-xs-10 col-sm-10 main-title">
                                            <a href="blog-detail-right-sidebar.html">Travel Insuranve Benefits</a>
                                            <p>Travel Insurance is the kind of insuarance pays the expenses and damages that concern the travels.</p>
                                        </div>
                                        <!-- end columns -->
                                    </div>
                                    <!-- end row -->

                                    <span class="arrow"><a href="blog-detail-right-sidebar.html"><i class="fa fa-angle-right"></i></a></span>
                                </div>
                                <!-- end latest-desc -->
                            </div>
                            <!-- end latest-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block latest-block">
                                <div class="main-img latest-img">
                                    <a href="blog-detail-right-sidebar.html">
                                        <img src="images/at_nhung-hinh-anh-du-lich-dep-me-hon-cua-vung-dat-tay-bac_019194d3614616680f8a580c1f6a964e.jpg" class="img-responsive" alt="blog-img" />
                                    </a>
                                </div>
                                <!-- end latest-img -->

                                <div class="latest-info">
                                    <ul class="list-unstyled">
                                        <li><span><i class="fa fa-calendar-minus-o"></i></span>11 April,2020<span class="author">by: <a href="blog-detail-right-sidebar.html">Huan Nguyen</a></span></li>
                                    </ul>
                                </div>
                                <!-- end latest-info -->

                                <div class="main-info latest-desc">
                                    <div class="row">
                                        <div class="col-xs-10 col-sm-10 main-title">
                                            <a href="#">Travel Guideline Agents</a>
                                            <p>Please contact us for the most enjoyable experience. We will always stand by you on your journey.</p>
                                        </div>
                                        <!-- end columns -->
                                    </div>
                                    <!-- end row -->

                                    <span class="arrow"><a href="blog-detail-right-sidebar.html"><i class="fa fa-angle-right"></i></a></span>
                                </div>
                                <!-- end latest-desc -->
                            </div>
                            <!-- end latest-block -->
                        </div>
                        <!-- end columns -->

                        <div class="col-sm-6 col-md-4">
                            <div class="main-block latest-block">
                                <div class="main-img latest-img">
                                    <a href="blog-detail-right-sidebar.html">
                                        <img src="images/99-thuyen_hoa.jpg" class="img-responsive" alt="blog-img" />
                                    </a>
                                </div>
                                <!-- end latest-img -->

                                <div class="latest-info">
                                    <ul class="list-unstyled">
                                        <li><span><i class="fa fa-calendar-minus-o"></i></span>09 April,2020<span class="author">by: <a href="blog-detail-right-sidebar.html">Hang Ho</a></span></li>
                                    </ul>
                                </div>
                                <!-- end latest-info -->

                                <div class="main-info latest-desc">
                                    <div class="row">
                                        <div class="col-xs-10 col-sm-10 main-title">
                                            <a href="blog-detail-right-sidebar.html">Secure Travel Tips</a>
                                            <p>Traveling is a great hobby for life, but you can't always travel safely. Stay tuned with us for more tips for your travel.</p>
                                        </div>
                                        <!-- end columns -->
                                    </div>
                                    <!-- end row -->

                                    <span class="arrow"><a href="blog-detail-right-sidebar.html"><i class="fa fa-angle-right"></i></a></span>
                                </div>
                                <!-- end latest-desc -->
                            </div>
                            <!-- end latest-block -->
                        </div>
                        <!-- end columns -->

                    </div>
                    <!-- end row -->

                    <div class="view-all text-center">
                        <a href="blog-listing-right-sidebar.html" class="btn btn-orange">View All</a>
                    </div>
                    <!-- end view-all -->
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end latest-blog -->


    <!--========================= NEWSLETTER-1 ==========================-->
    <section id="newsletter-1" class="section-padding back-size newsletter">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
                    <h2>Subscribe Our Newsletter</h2>
                    <p>Subscibe to receive our interesting updates</p>
                    <form>
                        <div class="form-group">
                            <div class="input-group">
                                <input type="email" class="form-control input-lg" placeholder="Enter your email address" required/>
                                <span class="input-group-btn"><button class="btn btn-lg"><i class="fa fa-envelope"></i></button></span>
                            </div>
                        </div>
                    </form>
                </div>
                <!-- end columns -->
            </div>
            <!-- end row -->
        </div>
        <!-- end container -->
    </section>
    <!-- end newsletter-1 -->


    <!--======================= FOOTER =======================-->
    <section id="footer" class="ftr-heading-o ftr-heading-mgn-1">

        <div id="footer-top" class="banner-padding ftr-top-grey ftr-text-white">
            <div class="container">
                <div class="row">

                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 footer-widget ftr-contact">
                        <h3 class="footer-heading">CONTACT US</h3>
                        <ul class="list-unstyled">
                            <li><span><i class="fa fa-map-marker"></i></span>Passerellesnumériques Viet Nam</li>
                            <li><span><i class="fa fa-phone"></i></span>+00 964 988 91</li>
                            <li><span><i class="fa fa-envelope"></i></span>hamongkhang@gmail.com</li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 footer-widget ftr-links">
                        <h3 class="footer-heading">COMPANY</h3>
                        <ul class="list-unstyled">
                            <li><a href="index.html">Home</a></li>
                            <li><a href="flight-homepage.html">Flight</a></li>
                            <li><a href="hotel-homepage.html">Hotel</a></li>
                            <li><a href="tour-homepage.html">Tours</a></li>
                            <li><a href="cruise-homepage.html">Cruise</a></li>
                            <li><a href="car-homepage.html">Cars</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 footer-widget ftr-links ftr-pad-left">
                        <h3 class="footer-heading">RESOURCES</h3>
                        <ul class="list-unstyled">
                            <li><a href="blog-listing-right-sidebar.html">Blogs</a></li>
                            <li><a href="contact-us.html">Contact Us</a></li>
                            <li><a onclick="logout()">Login</a></li>
                            <li><a href="registration.html">Register</a></li>
                            <li><a href="index.html">Site Map</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 footer-widget ftr-about">
                        <h3 class="footer-heading">ABOUT US</h3>
                        <p>We will bring you the journeys, the greatest experiences in your life. Your happiness and satisfaction are a motive power that impulse us to develop and improve. Thanks for your confidence and interaction. Hope you have a fantastic
                            journeys!!
                        </p>
                        <ul class="social-links list-inline list-unstyled">
                            <li><a href="https://www.facebook.com/"><span><i class="fa fa-facebook"></i></span></a></li>
                            <li><a href="https://twitter.com/"><span><i class="fa fa-twitter"></i></span></a></li>
                            <li><a href="https://google.com/"><span><i class="fa fa-google-plus"></i></span></a></li>
                            <li><a href="https://pinterest.com/"><span><i class="fa fa-pinterest-p"></i></span></a></li>
                            <li><a href="https://instagram.com/"><span><i class="fa fa-instagram"></i></span></a></li>
                            <li><a href="https://linkedin.com/"><span><i class="fa fa-linkedin"></i></span></a></li>
                            <li><a href="https://youtube.com/"><span><i class="fa fa-youtube-play"></i></span></a></li>
                        </ul>
                    </div>
                    <!-- end columns -->

                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end footer-top -->

        <div id="footer-bottom" class="ftr-bot-black">
            <div class="container">
                <div class="row">
                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="copyright">
                        <p>© 2021 <a href="index.html">StartTravel</a>. All rights reserved.</p>
                    </div>
                    <!-- end columns -->

                    <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6" id="terms">
                        <ul class="list-unstyled list-inline">
                            <li><a href="index.html">Terms & Condition</a></li>
                            <li><a href="index.html">Privacy Policy</a></li>
                        </ul>
                    </div>
                    <!-- end columns -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container -->
        </div>
        <!-- end footer-bottom -->

    </section>
    <!-- end footer -->


    <!-- Page Scripts Starts -->
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.magnific-popup.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.flexslider.js"></script>
    <script src="js/bootstrap-datepicker.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/custom-navigation.js"></script>
    <script src="js/custom-flex.js"></script>
    <script src="js/custom-owl.js"></script>
    <script src="js/custom-date-picker.js"></script>
    <script src="js/custom-video.js"></script>
    <script src="js/login.js"></script>
    <!-- Page Scripts Ends -->

</body>

</html>